import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally 注册全局组件<svg-icon>
Vue.component('svg-icon', SvgIcon)

/* require.context 是 Webpack 提供的一种方法，用于在构建时动态地 require 所有满足指定条件的文件。
这里的第一个参数 ./svg 是指要在当前目录下的 svg 文件夹中进行搜索。
第二个参数 false 表示不搜索子目录。
第三个参数 /\ .svg$/ 是一个正则表达式，表示只匹配以 .svg 结尾的文件。 */

const req = require.context('./svg', false, /\.svg$/)
// 批量导入方法all，单个导入requireContext
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)
/* 总的来说，这段代码的作用是通过 require.context 方法动态地导入 icons 文件夹下所有以 .svg 结尾的文件，使得在构建过程中能够自动导入相应的图标文件，方便统一管理和使用 SVG 图标。 */
